.videobox .videoDom {     display: none; }
.videobox .videoDom .close {  display: none;  }
.splitlist { line-height: 1.2; white-space: pre-wrap; }
.splitlist.flag span { opacity: 1; }
.splitlist span { font-family: inherit; width: auto; font-size: inherit; color: inherit; font-weight: inherit; text-transform: inherit; opacity: 0; display: inline-block; }
.splitlist span.letters { color: #2151A1; }
.scrollNumItem { display: -webkit-box; display: -ms-flexbox; display: flex; }
.scrollNumItem .scrollNumBox { position: relative; overflow: hidden; }
.scrollNumItem .scrollNumBox .scrollNumUl { width: 100%; }
.scrollNumItem .scrollNumBox .scrollNumUl li { height: 100%; width: 100%; }
.mm_bg{top: 0;height: 100%;width: 100%; z-index: 1;position: absolute;background:  url(../images/hhbg2.png) no-repeat left top; }
@-webkit-keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0) scale(0.9);
            transform: translate3d(0, 100%, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }
@keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0) scale(0.9);
            transform: translate3d(0, 100%, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }
@-webkit-keyframes fadeInUp2 { from { opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0) scale(0.9);
            transform: translate3d(0, 50%, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }
@keyframes fadeInUp2 { from { opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0) scale(0.9);
            transform: translate3d(0, 50%, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }
@-webkit-keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
            transform: translate3d(100%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }
@keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
            transform: translate3d(100%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }
@-webkit-keyframes fadeInRight2 { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
            transform: translate3d(100%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }
@keyframes fadeInRight2 { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
            transform: translate3d(100%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }
@-webkit-keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
            transform: translate3d(-100%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }
@keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
            transform: translate3d(-100%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }
@-webkit-keyframes fadeInLeft2 { from { opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0) scale(0.9);
            transform: translate3d(-50%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }
@keyframes fadeInLeft2 { from { opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0) scale(0.9);
            transform: translate3d(-50%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }
@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
            transform: translate3d(0, 200px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 35px, 0);
            transform: translate3d(0, 35px, 0); }
  75% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  90% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
            transform: translate3d(0, 200px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 35px, 0);
            transform: translate3d(0, 35px, 0); }
  75% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  90% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
    opacity: 1; } }
@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  100% { -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
@keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  100% { -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }
@-webkit-keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
@-webkit-keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
@-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    opacity: 1; } }

.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }
.swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.swiper-container-multirow-column > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.swiper-box .prevnext .next { margin-left: .18rem; }
.swiper-box .swiper-wrapper .swiper-slide { position: relative; overflow: hidden;  }
.swiper-box .swiper-wrapper .swiper-slide .img { width: 100%; height: 100%; }
.swiper-box .swiper-wrapper .swiper-slide video{width:100%;object-fit:cover;z-index:1;position: relative; }
.swiper-box .swiper-wrapper .swiper-slide .img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.swiper-box .swiper-wrapper .swiper-slide .text {z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: rgba(0, 0, 0, 0.2); color: #fff; }
.swiper-box .swiper-wrapper .swiper-slide .text.active .w1400 .boli span { -webkit-animation: fadeInUp2 1s forwards; animation: fadeInUp2 1s forwards;font-weight: lighter; }
.swiper-box .swiper-wrapper .swiper-slide .text.active .w1400 .cj span { -webkit-animation: fadeInUp2 1.5s forwards; animation: fadeInUp2 2s forwards; }

.swiper-box .swiper-wrapper .swiper-slide .text .w1400 {   display: flex;justify-content: center;flex-direction: column;    align-items: center; }
.swiper-box .swiper-wrapper .swiper-slide .text .w1400 i{width:30px;height:3px;background: #fff;margin: 0 0 65px 0;}
.swiper-box .swiper-wrapper .swiper-slide .text .w1400 .boli { font-size: 2.5rem;   text-transform: uppercase;    font-weight: lighter;letter-spacing: 15px; }
.swiper-box .swiper-wrapper .swiper-slide .text .w1400 .boli span.letters { color: #fff;  }
.swiper-box .swiper-wrapper .swiper-slide .text .w1400 .cj { font-size: 4rem;  line-height: 1.7; font-weight: bold; }

.mm_bg{top: 0;height: 100%;width: 100%; z-index: 2;position: absolute;background:  url(../images/hhbg2.png) no-repeat left top; }
.sp_a{margin:125px 0 0  0;}
.sp_a a {display: flex;justify-content:flex-start; align-items: center;  }
.sp_a a div{width:77px;height: 77px;background: url(../img2/bf.png) no-repeat center center;   margin: 0 35px 0 0; transition: 0.3s;}
.sp_a a p{ display: block;width:auto; line-height: 2;color: #fff; border-bottom:2px solid #fff ; text-align: center;font-size:1.5rem;  }
.sp_a a:hover div{ transform: rotate(90deg);margin: 0 25px 0 0; }


@media only screen and (max-width:1650px){
  .swiper-box .swiper-wrapper .swiper-slide .text .w1400 .cj{font-size: 4rem;}
}
@media only screen and (max-width:1440px){
  .sp_a{    margin: 55px 0 0 0;}
  .swiper-box .swiper-wrapper .swiper-slide .text .w1400 .cj{font-size:3rem;}
  .swiper-box .swiper-wrapper .swiper-slide .text .w1400 .boli { font-size: 1.8rem; }
}
@media only screen and (max-width:1200px){
  .swiper-box .swiper-wrapper .swiper-slide video{  }
  .swiper-box .swiper-wrapper .swiper-slide .text .w1400 i{    margin: 0 0 35px 0;}
  .swiper-box .swiper-wrapper .swiper-slide .text .w1400 .cj{font-size:2.2rem; text-align: center; padding:0 10%;line-height: 1.2;}
  .swiper-box .swiper-wrapper .swiper-slide .text .w1400 .boli{ font-size: 1.3rem;letter-spacing: 0; text-align: center; padding: 20px 0 0 0;}
  .sp_a{margin: 65px 0 0 0;}
  .swiper-box .swiper-wrapper .swiper-slide .text{ height:100vw;top:26vw ;     background:none;}
  .swiper-box .swiper-wrapper .swiper-slide .img img{width:100%}
}